<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/content.css">
</head>
<body>
    <!-- 这是博客详情页 -->
    <div class="nav">
        <img src="../images/logo.jpg" alt="">
        <span>我的博客系统</span>
        <span class="space"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="https://www.baidu.com/">注销</a>
    </div>
    <!-- 版芯 -->
    <div class="container">
        <div class="container-left">
            <!-- 个人信息 -->
            <div class="card">
                <img src="../images/touxiang.jpg" alt="">
                <h3>侥幸哥</h3>
                <a href="https://gitee.com/lucky-and-happy-brother">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>1</span>
                    <span>2</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <!-- 博客列表 -->
            <div class="blog">
                <div class="title">
                    这是第一篇博客
                </div>
                <div class="date">
                    2025-5-19
                </div>
                <div class="desc">
                    <p>
                        这是博客信息 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!
                    </p>
                    <p>
                        这是博客信息 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!
                    </p>
                    <p>
                        这是博客信息 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, fugit similique quaerat incidunt aut, 
                    eius fugiat nulla ut soluta sint doloremque quos inventore labore quis vitae illum eveniet autem in!
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>